<template>
    <view class="css-menu">
        <view class="css-main" @click="goUrl('info')" v-if="getAppSet().userCenterMenu.reconcilia">
            <iconsfont customIcons="icon-danju" size="35"></iconsfont>
            <view class="csstxt">开票信息</view>
        </view>
        <view class="css-main" @click="goUrl('history')" v-if="getAppSet().userCenterMenu.reconcilia">
            <iconsfont customIcons="icon-lishi" size="35"></iconsfont>
            <view class="csstxt">开票历史</view>
        </view>
        <view class="css-main" @click="goUrl('billRule')" v-if="getAppSet().userCenterMenu.reconcilia">
            <iconsfont customIcons="icon-guize" size="35"></iconsfont>
            <view class="csstxt">规则说明</view>
        </view>
    </view>
</template>

<script>
export default {
    props: {},
    data() {
        return {}
    },
    mounted() {},
    methods: {
        goUrl(name) {
            if (name == "info") {
                this.easyGoTo(`/pages_me/packet/billing/creatBilling?type=info`)
            } else if (name == "history") {
                this.easyGoTo("/pages_me/packet/billing/history")
            } else if (name == "billRule") {
                this.easyGoTo("/pages_me/packet/billing/billRule")
            }
        },
    },
}
</script>

<style lang="scss">
.css-menu {
    background: #ffffff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15rpx 0;
    padding: 15rpx 0 15rpx 15rpx;
}
.css-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    margin-right: 15rpx;
}

.css-icon {
    width: 44rpx;
    height: 44rpx;
}
.csstxt {
    margin-top: 15rpx;
    margin-bottom: 15rpx;
    font-size: $font-size-24;
    color: $color-black;
}
</style>
